<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
标准文档流
1.空白折叠,无论多少个空格,换行,tab...都会折叠成一个空格
-->
<img src="http://placekitten.com/100/100"><img src="http://placekitten.com/100/100">
<!--
2.一行高度不齐,保证下对齐
-->
<hr>
<span>文字</span>
<img src="http://placekitten.com/100/100">
<img src="http://placekitten.com/100/200">
<hr>
<!--
3.一行写满了,自动换行
-->
<span>ads看卡两家阿瑟大空间量as看搭档阿江阿兰到啊讲啦窘况带卡将辣酱辣酱垃圾筐接啊老就带卡将拉看开单啊亮骚阿里看待阿卡大佬大家大蓝
</span>
<img src="http://placekitten.com/100/200">
</body>
</html>